<script setup lang="ts">
import { ref, reactive } from 'vue'
import TitleBar from '@/components/common/TitleBar.vue'

const tableData = reactive([
  { id: 821, email: 'official@aisino.com', name: '小天', lastLoginTime: '2019-01-22 09:49' },
  { id: 1, email: 'beijing@aisino.com', name: '北京金税', lastLoginTime: '2019-01-22 09:49' },
  { id: 23, email: 'lxm@qq.com', name: 'leo', lastLoginTime: '2019-01-22 09:49' },
])
</script>

<template>
  <div class="container">
    <title-bar>账号管理</title-bar>
    <div class="main">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="id" label="ID" width="180" />
        <el-table-column prop="email" label="Email" width="180" />
        <el-table-column prop="name" label="姓名" width="180" />
        <el-table-column prop="lastLoginTime" label="最后登录时间" />
        <el-table-column label="操作">
          <template #default>
            <el-button type="primary" link>修改</el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<style scoped>
.container {
  width: 100%;
  background-color: #fff;
}

.main {
  padding: 20px;
}
</style>
